<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<title>fake_intel</title>
		<link rel="icon" href="img/favicon.ico"/>
		<link rel="stylesheet" href="css/bootstrap.css"/>
		<link rel="stylesheet" href="css/intel.css" />
		<script src="js/jquery-2.1.4.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/base.js"></script>
	</head>
	<body>
	<!--导航栏-->
	<div class="navbar navbar-default navbar-fixed-top">
		<div class="container">
			<!--nav折叠后的button-->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mynav1">
						<span class="icon-bar" style="background-color: #fff;"></span>
						<span class="icon-bar" style="background-color: #fff;"></span>
						<span class="icon-bar" style="background-color: #fff;"></span>
					</button>
				<a href="#" class="navbar-brand"></a>
			</div>
			<!--菜单的item-->
			<div class="collapse navbar-collapse" id="mynav1">
				<ul class="nav navbar-nav">
					<li class="dropdown">
						<a href="#" data-toggle="dropdown" style="background-color:#0081d6; padding-left: 15px; padding-right: 65px; font-size: 1.1em">菜单<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="#">英特尔产品</a></li>
							<li class="divider"></li>
							<li><a href="#">热点话题</a></li>
							<li class="divider"></li>
							<li><a href="#">用户</a></li>
							<li class="divider"></li>
							<li><a href="#">购买</a></li>
							<li class="divider"></li>
							<li><a href="#">产品支持</a></li>
							<li class="divider"></li>
							<li><a href="#">关于英特尔</a></li>
						</ul>
					</li>
				</ul>
				<!--nav右边部分-->
				<ul class="nav navbar-nav navbar-right">
					<li>
						<a href="#">China(简体中文)</a>
					</li>
					<li>
						<a href="#" data-toggle="dropdown">登陆</a>
						<div class="dropdown-menu dropdown-menu-inverse">
							<div class="panel" style="width: 400px;">
								<div class="panel-body">
									<h3>登陆</h3>
									<p>您是否在英特尔工作？<a href="#">在此登录&gt;</a></p>
									<form>
										<div class="form-group">
											<input class="form-control" type="text" placeholder="用户名" />
										</div>
										<div class="form-group">
											<input class="form-control" type="password" placeholder="密码" />
										</div>
										<p class="form-control-static">您登录表明您同意我们的服务条款</p>
										<button class="btn btn-info btn-xs" type="button">登陆</button>
									</form>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<form class="navbar-form navbar-right">
					<p class="form-control-static" style="color: #fff">查找内容</p>
					<p class="form-control-static" style="color: #fff">|</p>
					<div class="form-group has-feedback">
						<input type="text" class="form-control" placeholder="搜索">
						<span class="glyphicon glyphicon-search form-control-feedback"></span>
					</div>
				</form>
			</div>
		</div>
	</div>
	
	<!--main页面-->
	<div class="main" style="color: #fff;">
		<div class="container">
			 <h1>欢迎来到英特尔®</h1>
			 <div class="row">
			 	<!--大图片8格-->
			 	<div class="col-md-8">
			 		<img src="img/intel.web.864.486.1.jpg" class="img-responsive" />
			 		<div class="img-title" style="position: absolute;bottom: 20px;left: 20px;">
			 			<h2>五代酷睿芯，强劲创体验</h2>
			 			 <p>第五代智能英特尔®酷睿™处理器锋芒登场，革命性突破的领先技术，彻底颠覆传统PC使用体验，带您进入全新数字世界</p>
			 			 <a href="#" class="btn btn-info">立即探索第五代智能英特尔®酷睿™处理器</a>
			 		</div>
			 	</div>
			 	<!--小图片四格-->
			 	<div class="col-md-4">
			 		<div class="row">
			 			<div class="col-md-12 col-sm-6 col-xs-12" style="margin-bottom: 15px;overflow: hidden; position: relative">
			 				<img src="img/intel.web.368.207.1.jpg" class="img-responsive" />
			 				<div class="half-mask">
			 					<h4>解密2合1电脑</h4>
                                <p>搭载英特尔处理器的2合1电脑，助你高效工作的同时带给你灵活可触控的平板体验。</p>
                                <p><a href="#">了解更多</a></p>
			 				</div>
			 			</div>
			 			<div class="col-md-12 col-sm-6 col-xs-12" style="padding: 0px 15px;">
			 			    <div class="media" style="padding: 39px 0px 30px 30px;background-color: #0071C5;">
			 				    <div class="media-left media-middle">
			 					    <img src="img/intel.web.81.108.png" class="media-object"/>
			 				    </div>
			 				    <div class="media-body" style="border-left: 1px solid #00AEEF">
                                    <ul class="list-unstyled">
                                        <li style="margin:5px 0 5px 10px"><a href="#">英特尔® 酷睿™ M 处理器</a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">才貌双全的家用一体机</a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">英特尔® 凌动™ 处理器</a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">2015 台北国际电脑展 </a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">风暴英雄游戏道具兑换</a></li>
                                    </ul>
                                </div>
			 			    </div>
			 		    </div>
			 		</div>
			 	</div>
			 </div>
			 
			 <div class="row">
			 	<!--②小图片四格-->
			 	<div class="col-md-4">
			 		<div class="row">
			 			<div class="col-md-12 col-sm-6 col-xs-12" style="margin-bottom: 15px;overflow: hidden; position: relative">
			 				<img src="img/intel.web.368.207.2.jpg" class="img-responsive" />
			 				<div class="half-mask">
			 					<h4>马上订阅英特尔IT中心精选资源</h4>
                                <p>通过移动设备提升工作效率的同时，也带来了IT安全方面的挑战，您准备好了吗？</p>
                                <p><a href="#">了解更多</a></p>                                
			  				</div>
			 			</div>
			 			<div class="col-md-12 col-sm-6 col-xs-12" style="padding: 0px 15px;">
			 			    <div class="media" style="padding: 39px 0px 30px 30px;background-color: #0071C5;">			 				   
			 				    <div class="media-body" style="border-left: 1px solid #00AEEF">
                                    <ul class="list-unstyled">
                                        <li style="margin:5px 0 5px 10px"><a href="#">升级办公利器</a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">数据中心芯可能</a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">大数据</a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">云计算和云服务</a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">案例中心</a></li>
                                    </ul>
                                </div>
			 			    </div>
			 		    </div>
			 		</div>
			 	</div>			 	
			 	<!--②大图片8格-->
			 	<div class="col-md-8">
			 		<img src="img/intel.web.864.486.2.jpg" class="img-responsive" />
			 		<div class="img-title" style="position: absolute;bottom: 20px;left: 20px;">
			 			<h2>IT的最佳拍档</h2>
			 			 <p>在英特尔IT中心，您可以获取各种案例和产品解决方案</p>
			 			 <a href="#" class="btn btn-info">了解更多</a>
			 		</div>
			 	</div>
			 </div>
			 
			 <div class="row">
			 	<!--③大图片8格-->
			 	<div class="col-md-8">
			 		<img src="img/intel.web.864.486.3.jpg" class="img-responsive" />
			 		<div class="img-title" style="position: absolute;bottom: 20px;left: 20px;">
			 			<h2>灵活高效，迅速响应，真正的业务优势</h2>
			 			 <p>英特尔® 至强™ 处理器 E7 v3 家族稳定可靠，提升数据中心效率</p>
			 			 <a href="#" class="btn btn-info">了解更多</a>
			 		</div>
			 	</div>
			 	<!--③小图片四格-->
			 	<div class="col-md-4">
			 		<div class="row">
			 			<div class="col-md-12 col-sm-6 col-xs-12" style="margin-bottom: 15px;overflow: hidden; position: relative">
			 				<img src="img/intel.web.368.207.3.jpg" class="img-responsive" />
			 				<div class="half-mask">
			 					<h4>英特尔产品中心</h4>
                                <p>英特尔全新的选型工具设置多种频道满足各类用户不同需求。</p>
                                <p><a href="#">了解更多</a></p>
			 				</div>
			 			</div>
			 			<div class="col-md-12 col-sm-6 col-xs-12" style="padding: 0px 15px;">
			 			    <div class="media" style="padding: 39px 0px 30px 30px;background-color: #0071C5;">			 				    
			 				    <div class="media-body" style="border-left: 1px solid #00AEEF">
                                    <ul class="list-unstyled">
                                        <li style="margin:5px 0 5px 10px"><a href="#">英特尔® 至强™ 处理器 D 产品家族</a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">神奇的实感技术</a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">英特尔社交网络</a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">英特尔视频专区 </a></li>
                                        <li style="margin:5px 0 5px 10px"><a href="#">英特尔新闻发布室</a></li>
                                    </ul>
                                </div>
			 			    </div>
			 		    </div>
			 		</div>
			 	</div>
			 </div>
		</div>
	</div>
	
	<!--footer-->
	<div class="footer">
	<div class="container">
		<div class="row" style="margin: 20px auto;">
			<div class="col-md-3 col-sm-3 col-xs-12">
				<ul class="list-unstyled">
					<li>
						<h4>关于英特尔</h4></li>
					<li><a href="#">公司信息</a></li>
					<li><a href="#">投资者关系</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">新闻发布室</a></li>
					<li><a href="#">网站地图</a></li>
					<li><a href="#">工作</a></li>
				</ul>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-12">
				<ul class="list-unstyled">
					<li>
						<h4>支持</h4></li>
					<li><a href="#">支持主页</a></li>
					<li><a href="#">下载中心</a></li>
					<li><a href="#">产品规范</a></li>
					<li><a href="#">保修支持</a></li>
				</ul>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-12">
				<ul class="list-unstyled">
					<li>
						<h4>法律声明</h4></li>
					<li><a href="#">使用条款</a></li>
					<li><a href="#">商标</a></li>
					<li><a href="#">隐私条款</a></li>
					<li><a href="#">Cookie</a></li>
				</ul>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-12">
				<ul class="list-unstyled">
					<li>
						<h4>社交</h4></li>
					<li><a href="#">英特尔社区</a></li>
					<li><a href="#">英特尔中国微博</a></li>
					<li><a href="#">英特尔芯品汇微博</a></li>
					<li><a href="#">英特尔商用频道微博</a></li>
				</ul>
			</div>
		</div>
		<div class="row">
           <div class="col-xs-12">
           <p><img src="img/logo.png"> ® 英特尔公司 京ICP备 14036123号-2</p>
        </div>
    </div>
	</div>
</div>
</body>
</html>
